<template>
  <div>
    <div class="header">
      <ul>
        <li v-for="item in arr" :key="item.id">
          <slot name="header" :item="item"></slot>
        </li>
        <slot></slot>
      </ul>
    </div>
    <div class="main">
      <div class="he">本周热搜 TOP5</div>
      <ul>
        <li v-for="item in list" :key="item.id">
          <slot name="main" :item="item"></slot>
        </li>
      </ul>
    </div>
    <div class="footer">
      <div class="ft">
        <h2>可能感兴趣的人</h2>
        <p>换一批</p>
      </div>
      <ul>
        <li v-for="item in array" :key="item.id">
          <slot name="footer" :item="item"></slot>
        </li>
      </ul>
     
    </div>
  </div>
</template>

<script>
export default {
  props: {
    list: Array,
    arr: Array,
    array: Array,
  },
}
</script>

<style></style>
